<template>
    <div class="searchInput">
        <div>
        <input type="text">
        </div>
    </div>
</template>

<script>
export default {
    
}
</script>

<style lang="scss" scoped>
    .searchInput{
        padding-top:40rpx;
        div{
             position: relative;
        }
            div:after{
            content: "";
            display:block;
            position: absolute;
            top:18rpx;
            left:70rpx;
            width: 33rpx;
            height: 34rpx;
            background: url('../../../static/images/search.png') no-repeat;
            background-size: cover;
        }
        input{
            width:90%;
            height: 60rpx;
            background-color: #ececec;
            border:none;
            // line-height: 60rpx;
            outline: medium;
            border-radius:20rpx;
            padding-left:90rpx;  
            color:#C1C1C1;
            font-size: 30rpx;
            margin:0 auto;  
            box-sizing: border-box;
        }
 
    }

</style>


